@charset "UTF-8";

h2 {
	font-size: 1.2em ;
}

body, p, a, img {
  margin: 0px;
  padding :0px;
  font-size: 100%;
  text-decoration: none;
 	list-style-type: none;
}


div#container {
	width: 816px;
	height: auto ;
	margin-left: 40px ;
	margin-top: 40px ;
}

div#entete-blog {
	width: 584px ;
	height: 140px ;
	border : 2px solid ;
	padding: 10px ;
	float: left ;
	background-color: #ffffc4 ;
}

div#entete-blog h1{
	font-size: 2em ;
}

div#entete-blog #gauche{
	width: 138px ;
	height: 138px ;
	border-top: solid 1px ;
	border-left: solid 2px ;
	border-right: solid 2px ;
	border-bottom: solid 1px ;
	float: left ;
}

div#entete-blog #droite{
	width: 440px ;
	height: 140px ;
	margin-left: 0%;
	float: left ;
}

div#form-couleur {
	margin-left:10% ;
}

div#entete-blog #droite #langue{
	margin-left: 20% ;
}

div#entete-blog #droite h1{
	text-align: center ;
}

div#connection {
	width: 164px ;
	height: 150px ;
	padding: 5px ;
	border : 2px solid ;
	float: left ;
	background-color: #ffeaff ;
}

div#connection h2 {
font-size: 1.4em ;
}

div#connection input {
}

div#contenu {
	width: 784px ;
	height: auto ;
	border : 1px solid ;
  float: left ;
	background-color: #ccccff ;
}

section#liste-articles {
	width: 582px ;
	height: auto ;
	padding: 10px ;
	border : 2px solid ;
	display: table ;
  float: left ;
	background-color: #ccccff ;
}

.article {
margin-top : 30px ;	
}

section#liste-articles .Titre-article{
	width: 50% ;
	border-top: solid 1px ;
	border-left: solid 1px ;
	border-right: solid 2px ;
	border-bottom: solid 2px ;
  padding: 5px;
	float: left ;
}

section#liste-articles h2 {
	font-size: 1.4em ;
}

section#liste-articles div.Cat-article {
	wdth: 50% ;
  padding-top: 10px ;
}

.Cat-article label {
	/* width: 100px ; */
  margin-left: 20px ;
	margin-top: 30px ;
}

section#liste-articles pre {
	border: solid 1px ;
	padding: 5px;
}

aside#listes {
	width: 174px ;
	height: auto ;
	border : 2px solid ;
	dysplay: table-cell ;
  float: left ;
	background-color: #ffff91 ;
}

div.une-liste {
	margin: 10px;
	padding: 10px;
	border: solid 1px ;
}

footer#copyright {
	width: 782px ;
	height: auto ;
	border : 2px solid ;
	float: left ;
	text-align: center ;
}

.element-liste {
	list-style-type: none;
}


